<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">   
    <meta name="description" content="">
    <meta name="author" content="">

    <title>JohnnySins :: ADMIN :: HOME</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-theme.css" rel="stylesheet">

    <!-- Custom CSS for the 'JohnnySins' Template -->    
	<link href="css/sp_style_admin.css" rel="stylesheet" type="text/css">
    <link href="fonts/font_style.css" rel="stylesheet" type="text/css" />
    
    <!-- Bootstrap -->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->  

	<!--bootstrap js 
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>-->
        
  </head>

	<body>
    	
		<!--start top bar info-->
		<div class="top_scroll_bar">
            <div class="row">
                <div class="col-xs-7 col-sm-5 col-lg-4">
                    <p title="" class="welcome_logged_message"><img src="images/user_icon.png" alt="" title="" /> Welcome, <span>Administrator</span></p>
                </div>
                
                <div class="col-xs-5 col-sm-7 col-lg-8">
                    <ul class="top_links">
                        <li><a title="" href="#"><img src="images/logout_icon.png" alt="" title="" /> Logout</a></li> 
                    </ul>
                </div>            
            </div>            
        </div>
        <!--end top bar info-->
        
        <!--start Logo-->
        <div class="johnnysins_logo">
        	<div class="container">
            	<div class="row">
                	<div class="col-lg-12">
                    	<img class="img-responsive" src="images/johnny_logo.png" alt="" title="JohhnySins" />   
                    </div>
                </div>
            </div>
			     
        </div>
        <!--end Logo-->
        
        <!--start container block-->
        <div class="container_block">
        <form class="form-horizontal" role="form">
        
        	<!--start navigation-->
            <div class="row">
                <div class="col-lg-12">
                    <nav class="navbar navbar-inverse johnny_navbar" role="navigation">

                    <div class="navbar-header">
                      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                      </button>
                      <a class="navbar-brand hidden-lg hidden-md hidden-sm nav_title" href="index.html">Navigation</a>
                    </div>
            
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse navbar-ex1-collapse">
                      <ul class="nav navbar-nav">
                        <li><a href="#about">Home</a></li>
                        <li><a href="#myvideos">My Videos</a></li>
                        <li><a href="#myphotosets">My Photosets</a></li>
                        <li><a href="#johnnysfriends">Johnny's Friends</a></li>
                        <li><a href="#aboutme">About Me</a></li>
                        <li><a href="#store">Store</a></li>
                        <li><a href="#audition">Audition</a></li>
                        <li><a href="#signout">Signout</a></li>
                      </ul>
                    </div><!-- /.navbar-collapse -->

                    </nav>                
                </div>
            </div>
            <!--end navigation-->
            
            <!--start page container area-->
            <div class="page_container_area">
            	<div class="display_page_content">
                
                	<div class="page_title">
                    	<h1>Home</h1>                		
                    </div>
                    
                    <div class="row">
                    	<div class="col-sm-6 col-md-6 col-lg-4">
                        	<div class="display_inputbox_panel">
                            	<h4>Next Live Show</h4>
                                <div class="display_inputbox_content">
                                	
                                    
                                    	<div class="form-group">
                                            <label for="inputname" class="col-sm-4 col-md-3 control-label custom_label">Name:</label>
                                            <div class="col-sm-8 col-md-9">
                                                <input type="email" class="form-control" id="inputname" placeholder="Enter Title">
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="inputname" class="col-sm-4 col-md-3 control-label custom_label">Date:</label>
                                            <div class="col-sm-8 col-md-9">
                                                <div class="input-group">
                                                  <input type="text" class="form-control" placeholder="13/11/2013">
                                                  <span class="input-group-btn">
                                                    <button class="btn btn-default" type="button"><img src="images/calander_icon.png" alt="calander" title="Calander" /></button>
                                                  </span>
                                                </div><!-- /input-group -->
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="inputname" class="col-sm-4 col-md-3 control-label custom_label">Time:</label>
                                            <div class="col-sm-8 col-md-9">
                                                <div class="input-group">
                                                  <input type="text" class="form-control" placeholder="11:45 PM">
                                                  <span class="input-group-btn">
                                                    <button class="btn btn-default" type="button"><img src="images/clock_icon.png" alt="calander" title="Calander" /></button>
                                                  </span>
                                                </div><!-- /input-group -->
                                            </div>
                                        </div>
                                                                            
                                </div>
                                <div class="button_group">
                                	<button type="button" class="btn btn-success">Save</button>
                                    <button type="button" class="btn btn-info">Cancle</button>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-sm-6 col-md-6 col-lg-4">
                        	<div class="display_inputbox_panel">
                            	<h4>Image Banner</h4>
                                <div class="display_inputbox_content">
                                	
                                      <div class="form-group col-md-12">
                                        <label for="exampleInputEmail1" class="custom_label">Upload Image <br><span class="label_sub_title">(dimensions: xxx by xxx)</span></label>
                                        <br /><br />
                                        <input type="file" id="browseFile">
                                      </div>
                                      <br />
                            
                                </div>
                                <div class="button_group">
                                	<button type="button" class="btn btn-success">Upload</button>
                                    <button type="button" class="btn btn-warning">Preview</button>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-sm-6 col-md-6 col-lg-4">
                        	<div class="display_inputbox_panel">
                            	<h4>Welcome Note</h4>
                                <div class="display_inputbox_content">
                                	
                                    <div class="form-group">
                                        <label for="inputname" class="col-sm-4 col-md-3 control-label custom_label">Message</label>
                                        <div class="col-sm-8 col-md-9">
                                            <textarea class="form-control" rows="5"></textarea>
                                        </div>
                                    </div>
                                   
                                </div>
                                <div class="button_group">
                                	<button type="button" class="btn btn-success">Save</button>
                                    <button type="button" class="btn btn-info">Cancle</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!--start tabel conetnt-->
                    <div class="admin_table_container">
                    	<h3>Recent Scenes</h3>
                        
                        <div class="table-responsive">
							<table class="table table-hover table-bordered">
								<thead>
                                	<tr>
                                    	<th width="5%"><input type="checkbox" value=""></th>
                                        <th width="35%">Title/Description</th>
                                        <th width="25%">Preview Video File</th>
                                        <th width="15%">Status</th>
                                        <th width="20%">Action</th>
                                    </tr>
                                </thead>
                                
                                <tbody>
                                	<tr>
                                    	<td><input type="checkbox" value=""></td>
                                        <td>JohnnySins girl....</td>
                                        <td>Filename-001.mp4</td>
                                        <td>Active</td>
                                        <td>
                                            <a href="#"><img border="0" title="Save" alt="save" src="images/action_icon/edit_icon.png"></a>
                                            <a href="#"><img border="0" title="Cancel" alt="cancle" src="images/action_icon/delete_icon.gif"></a>
                                            <a href="#"><img border="0" title="Active" alt="active" src="images/action_icon/tick.png"></a>
                                        </td>
                                    </tr>
                                    
                                    <tr>
                                    	<td><input type="checkbox" value=""></td>
                                        <td>JohnnySins girl....</td>
                                        <td>Filename-001.mp4</td>
                                        <td>Deactivate</td>
                                        <td>
                                            <a href="#"><img border="0" title="Save" alt="save" src="images/action_icon/edit_icon.png"></a>
                                            <a href="#"><img border="0" title="Cancel" alt="cancle" src="images/action_icon/delete_icon.gif"></a>
                                            <a href="#"><img border="0" title="Deactive" alt="deactive" src="images/action_icon/deactive.png"></a>
                                        </td>
                                    </tr>
                                </tbody>
							</table>                            
                        </div>
                        <div class="button_group">
                            <div class="row">
                                <div class="col-sm-6 col-lg-5">
                                    <a href="#" class="btn btn-default">Delete Selected</a>
                                    <a href="#" class="btn btn-default">Activate Selected</a>
                                    <a href="#" class="btn btn-default">Deactivate Selected</a>
                                </div>
                                <div class="col-sm-6 col-lg-7">
                                    <a href="#" class="btn btn-default">Reverse Selected</a>
                                    <a href="#" class="btn btn-default">Upload New</a>
                                </div>
                            </div>                            	
                        </div>


                    </div>
                    <!--end tabel conetnt-->
            		
                </div>
            </div>
            <!--end page container area-->
            
        
        </form>    
        </div>
        <!--end container block-->

        
        <!--start country flag-->
        <div class="container">
        	<div class="row">
            	<div class="col-lg-12">
                	<div class="country_flags">
                    	<a href="#"><img class="img-responsive" src="images/country_flag/turkey_flag.png" alt="turkey" title="Turkey" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/usa_flag.png" alt="usa" title="USA" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/mexico_flag.png" alt="mexico" title="Mexico" /></a>                        
                        <a href="#"><img class="img-responsive" src="images/country_flag/indonesia_flag.png" alt="mexico" title="Mexico" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/uk_flag.png" alt="mexico" title="Mexico" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/canada_flag.png" alt="mexico" title="Mexico" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/argentina_flag.png" alt="mexico" title="Mexico" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/poland_flag.png" alt="mexico" title="Mexico" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/germany_flag.png" alt="mexico" title="Mexico" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/korea_flag.png" alt="mexico" title="Mexico" /></a>
                        
                    </div>
                </div>
            </div>
        </div>
        <!--end country flag-->
        
        <!--start footer-->
        <footer>
        	<div class="container">
            	<div class="footer_panel">
                	<img class="img-responsive" src="images/johnny_logo.png" alt="" title="JohhnySins" />
                    
                    <div class="footer_info">
                    	<div class="footer_content">
                        	<p>&copy;2013 JohnnySins, All rights reserved. Reproduction without permission is strictly prohibited. All models were at least 18 years old when they were photographed.</p>
                            
                            <div class="bottom_link">
                            	<a href="#">Privacy Policy</a> - <a href="#">Terms</a> - <a href="#">DMCA</a> - <a href="#">Webmasters</a> - <a href="#">Support</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!--end footer-->
        



  </body>
</html>